<template>
	<div>
		<MyTable :columns="columns" :tableData="tableData">
			<template #url="scope">
				<img :src="scope.row.url" style="width: 100px; height: 100px" />
			</template>
		</MyTable>
	</div>
</template>

<script setup lang="ts">
import MyTable from '@/components/MyTable/index.vue'
const columns = [
	{ prop: 'id', label: '序号' },
	{ prop: 'url', label: '图片' },
	{ prop: 'title', label: '标题' },
	{ prop: 'nick', label: '昵称' },
]
const tableData = [
	{ id: 1001, title: 'javascript', nick: '小小', url: 'http://43.136.34.132:8082/upload/headerimg-1691458588045.jpg' },
	{ id: 1002, title: 'vue', nick: '小张', url: 'http://43.136.34.132:8082/upload/headerimg-1691392861661.jpg' },
	{ id: 1003, title: 'react', nick: '小王', url: 'http://43.136.34.132:8082/upload/headerimg-1691392861661.jpg' }
]
</script>

<style scoped></style>
